{% extends "base.html" %}
{% load cctags %}

{% block scripts %}
<link type="text/css" rel="stylesheet" href="/static/styles/riders.css"/>

{% endblock %}

{% block menu %}
{% include '_menu_riders.html' %}
{% endblock %}

{% block main-page %}
<div id="join_left"><img src="/static/images/join_back.jpg"/></div>
<div id="join_right">
    <span id="join_info">{% _ "You can use your Google or SinaWeibo Acount to Login" %}</span>
    <table id="join_table">
        <tr>
            <th>{% _ "Login Using Google Account" %}:</th>
            <td><a href="{{ loginurls.Google }}"><img src="/static/images/google_login.gif" alt="Google Account"/></a></td>
        </tr>
        <tr>
            <th>{% _ "Login Using Sina Weibo Account" %}:</th>
            <td><a href="{{ loginurls.Weibo }}"><img src="/static/images/weibo_login.png" alt="Sina Weibo Account"/></a></td>
        </tr>
    </table>
    <span id="back_logo">MagiCycles.com</span>
</div>
{% endblock %}
